<template>
    <!-- 页脚 -->
    <!-- <footer class="bg-white border-t"> -->
    <footer class="">
        <div class="max-w-7xl mx-auto py-8 px-4">
            <div class="flex flex-wrap justify-center gap-4 text-sm text-gray-500">
                <a v-for="(link, index) in footerLinks" :key="index" href="#" class="hover:text-orange-500">
                    {{ link.title }}
                </a>
            </div>
            <div class="mt-4 text-center text-sm text-gray-400">
                © 2024 All rights reserved
            </div>
        </div>
    </footer>
</template>

<script setup>
import { ref, onMounted } from "vue";
import loadLocalJson from "@/https/local/localJson.js";
const footerLinks = ref([]);
onMounted(async () => {
    await loadLocalJson("json/footer/links.json").then((res) => {
        footerLinks.value = res.data;
    });
    //  console.log(footerLinks.value)
});
/* const footerLinks = [
    "平台介绍",
    "联系我们",
    "商业合作",
    "帮助中心",
    "保存到桌面",
    "工具下载",
    "什么值得买",
    "服装货源",
    "兴城外装",
    "隐私政策",
    "营业执照",
    "服务热线：400-6266-818",
]; */
</script>
<style lang="less" scoped></style>
